@charset "utf-8";
@import "reset";
$fontSize:100;
@function r($p){
    @return $p/$fontSize*1rem;
}
@mixin flexcenter{
    display: flex;
    justify-content: center;
    align-items: center;
}
@mixin flexstart{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
@mixin flexend{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
html{
    font-size: $fontSize*1px;}
body{
    font-size: 13px;}  
html,body{
    width: 100%;
//  height: 100%;
}
//body{
//  background: #1e1e1e;
//  opacity: .9;
//}
*{ margin: 0;
    padding: 0;
    list-style: none;}
.web_box{
    width: r(492);
    margin: 0 auto;
    margin-top: r(194);
    text-align: center;
    //logo
    .web2_logo>img{width: r(161);}
    //账号密码
    .web2_data{
        width: 100%;
        margin: r(47) 0 r(59);
        //账户栏 & 密码栏
        >div:nth-child(2){margin:r(16) 0 r(26);}
        .share{
            width: 100%;
            height: r(51);
            background: #3d3d3d;
            @include flexstart;
            //左边图标
            .ico_share{
                width: r(61);
                height: 100%;
                background: #303030;
                @include flexcenter;
                >img{width: r(30);}
            }
            //右边的input
            .input_share{
                width: r(430);
                height: 100%;
                border: 0;
                padding: r(2) r(39);
                box-sizing: border-box;
                background: transparent;
                color: white;}
        }
        //忘记密码
        .forget{
            width: 100%;
            color: white;
            @include flexend;
            .ico_qsmark>img{width: r(19);
                margin-right: r(6);}   
        }
        
    }
    //登陆 注册 按钮
    >button{
        width: 100%;
        height: r(53);
        color: white;
        letter-spacing: r(8);
        background: #303030;
        outline: red;
        >a{color: white;}
    }
    button:nth-of-type(1){
        background:#b60005 ;
        margin:r(59) 0 r(14);
    }
    button:nth-of-type(2){margin-bottom: r(50);}
} 
